$(function(){
    var len = $("#idNum > li").length;
	 $("#idNum li:first").addClass("num_on");
	  $("#idSlider li:not(:first)").hide();
	var index = 0;
	$("#idNum li").mouseover(function(){
	   index =   $("#idNum li").index(this);
	   showImg(index);
	}); 
	$('#idTransformView').hover(function(){
		 if(MyTime){
		 clearInterval(MyTime);
		 }
	},function(){
		 MyTime = setInterval(function(){
		   showImg(index)
		 index++;
		 if(index==len){index=0;}
		 } , 4000);
	});
	var MyTime = setInterval(function(){
	   showImg(index)
	   index++;
	   if(index==len){index=0;}
	} , 4000);
})
function showImg(i){
   $("#idSlider li").eq(i).show().siblings().hide();
   $("#idNum li")
    .eq(i).addClass("num_on")
    .siblings().removeClass("num_on");
}